<!DOCTYPE html>
<html ng-app="plunker">

<head>


    <!-- inicio header -->

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Mega Acerto</title>

    <base href="/freelances/megaacerto/build/">


    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700">
    <link rel="stylesheet" href="css/main-470e94fb.css">


    <!-- fim header -->

</head>

<body ng-controller="UsuarioController">


    <div ng-include="'page/menu-include.jsp'"></div>


    <!-- modal login -->

    <div class="modal" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">

            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span><span class="sr-only">Fechar</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">Login</h4>
                </div>

                <div class="modal-body">

                    <form class="form-horizontal" action="login" method="post" name="myForm">

                        <div class="form-group">
                            <label for="inputEmail" class="control-label col-xs-2">Email</label>
                            <div class="col-xs-10">
                                <input type="email" class="form-control" id="inputEmail" placeholder="Email" name="user" ng-required="true">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="inputPassword" class="control-label col-xs-2">Senha</label>
                            <div class="col-xs-10">
                                <input type="password" class="form-control" id="inputPassword" placeholder="Senha" name="senha" ng-minlength="6" ng-required="true">
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-xs-offset-2 col-xs-10">
                                <button type="submit" class="btn btn-primary" ng-click="limparCarrinho();" ng-disabled="myForm.$invalid">Login</button>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-xs-offset-2 col-xs-10">
                                <label><a href="page/usuario.html">CADASTRE-SE</a>||<a href="page/recuperarSenha.html">Esqueci minha senha</a>
                                </label>
                            </div>
                        </div>
                    </form>

                </div>

            </div>
        </div>
    </div>

    <!-- modal login (fim) -->


    <div class="container">
        <div class="panel panel-primary" ng-show="novocadastro">
            <div class="panel-heading">
                <h3 class="panel-title">Cadastro de Usuário</h3>
            </div>
            <div class="panel-body">
                <span ng-show="erro"><h4><b>{{msgErro}}</b></h4></span>
                <h4><b>*Todos os campos em vermelho são Obrigatorio.</b></h4>
                <form class="form-horizontal" name="myForm">
                    <div class="form-group">
                        <label for="inputNome" class="control-label col-xs-2">Nome</label>
                        <div class="col-xs-9">
                            <input id="inputNome" ng-model="nome" class="form-control" ng-required="true">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputNome" class="control-label col-xs-2">Nick</label>
                        <div class="col-xs-9">
                            <input id="inputNome" ng-model="nick" class="form-control" ng-required="true">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputCPF" class="control-label col-xs-2">CPF</label>
                        <div class="col-xs-9">
                            <input id="inputCPF" type="text" ng-model="cpf" class="form-control" ng-cpf ui-mask="999.999.999-99">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputDTNascimento" class="control-label col-xs-2">Data de Nascimento</label>
                        <div class="col-xs-9">
                            <input id="inputDTNascimento" ng-model="dtNascimento" ui-mask="99/99/9999" class="form-control" ng-required="true">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputSexo" class="control-label col-xs-2">Sexo</label>
                        <div class="col-md-6">
                            <label class="radio-inline" for="inputSexo">
                                <input type="radio" name="sexo" id="sexo-0" value="1" ng-model="sexo">Masculino
                            </label>
                            <label class="radio-inline" for="sexo-1">
                                <input type="radio" name="sexo" id="sexo-1" value="2" ng-model="sexo">Feminino
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail" class="control-label col-xs-2">Email</label>
                        <div class="col-xs-9">
                            <input type="email" id="inputEmail" ng-model="email" class="form-control" ng-required="true">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmailConfirma" class="control-label col-xs-2">Confime Email
                        </label>
                        <div class="col-xs-9">
                            <input type="email" id="inputEmailConfirma" ng-model="confirmEmail" class="form-control" name="confirmEmail" placeholder="Confime seu Email" ui-validate=" '$value==email' " ui-validate-watch=" 'email' " ng-required="true">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputSenha" class="control-label col-xs-2">Senha</label>
                        <div class="col-xs-9">
                            <input id="inputSenha" ng-model="senha" name="senha" type="password" class="form-control" ng-minlength="6" ng-required="true">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputSenhaConfirma" class="control-label col-xs-2">Confirme senha
                        </label>
                        <div class="col-xs-9">
                            <input id="inputSenhaConfirma" name="confirmSenha" ng-model="confirmSenha" type="password" class="form-control" placeholder="Confirme senha" ui-validate=" '$value==senha' " ui-validate-watch=" 'senha' " ng-required="true">
                        </div>
                    </div>
                    <legend>Dados para contato</legend>
                    <div class="form-group">
                        <label for="inputCelular" class="control-label col-xs-2">Celular</label>
                        <div class="col-xs-9">
                            <input id="inputCelular" ng-model="celular" class="form-control" ui-mask="(99)9999-9999?9" ng-required="true">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputTelefoneResidencial" class="control-label col-xs-2">Telefone residêncial</label>
                        <div class="col-xs-9">
                            <input id="inputTelefoneResidencial" ng-model="residencial" class="form-control" ui-mask="(99)9999-9999?9" ng-required="true">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputTelefoneContato" class="control-label col-xs-2">Telefone contato
                        </label>
                        <div class="col-xs-9">
                            <input id="inputTelefoneContato" ng-model="telContato" class="form-control" ui-mask="(99)9999-9999?9">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputNomeContato" class="control-label col-xs-2">Nome do contato</label>
                        <div class="col-xs-9">
                            <input id="inputNomeContato" ng-model="nomeContato" class="form-control" placeholder="Nome do seu contato">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputCEP" class="control-label col-xs-2">CEP</label>
                        <div class="col-xs-9">
                            <input id="inputCEP" ng-model="cep" class="form-control" ui-mask="99999-999">
                        </div>
                    </div>
                    <!-- Select Basic -->
                    <div class="form-group">
                        <label for="inputEstado" class="control-label col-xs-2">Estado</label>
                        <div class="col-md-6">
                            <select id="estado" ng-model="estado" ng-required="true" name="estado" class="form-control">
                                <option value="1">Acre – Rio Branco AC</option>
                                <option value="2">Alagoas – Maceió AL</option>
                                <option value="3">Amapá – Macapá AP</option>
                                <option value="4">Amazonas – Manaus AM</option>
                                <option value="5">Bahia – Salvador BA</option>
                                <option value="6">Ceará – Fortaleza CE</option>
                                <option value="7">Distrito Federal – Brasília DF</option>
                                <option value="8">Espírito Santo – Vitória ES</option>
                                <option value="9">Goiás – Goiânia GO</option>
                                <option value="10">Maranhão – São Luís</option>
                                <option value="11">Mato Grosso – Cuiabá MT</option>
                                <option value="12">Mato Grosso do Sul – Campo Grande MS</option>
                                <option value="13">Minas Gerais – Belo Horizonte MG</option>
                                <option value="14">Pará – Belém PA</option>
                                <option value="15">Paraíba – João Pessoa JP</option>
                                <option value="16">Paraná – Curitiba PR</option>
                                <option value="17">Pernambuco – Recife PE</option>
                                <option value="18">Piauí – Teresina PI</option>
                                <option value="19">Roraima – Boa Vista RR</option>
                                <option value="20">Rondônia – Porto Velho RO</option>
                                <option value="21">Rio de Janeiro – Rio de Janeiro RJ</option>
                                <option value="22">Rio Grande do Norte – Natal RN</option>
                                <option value="23">Rio Grande do Sul – Porto Alegre RS</option>
                                <option value="24">Santa Catarina – Florianópolis SC</option>
                                <option value="25">São Paulo – São Paulo SP</option>
                                <option value="26">Sergipe – Aracaju SE</option>
                                <option value="27">Tocantins – Palmas TO</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputCidade" class="control-label col-xs-2">Cidade</label>
                        <div class="col-xs-9">
                            <input id="inputCidade" ng-model="cidade" class="form-control" ng-required="true">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-offset-2 col-xs-10">
                            <button type="button" ng-disabled="myForm.$invalid" class="btn btn-primary" ng-click="eviarNovoUsuario();">Enviar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="panel panel-primary" ng-show="cadastrado">
            <div class="panel-heading">
                <h3 class="panel-title">Seja bem vindo {{nome}}</h3>
            </div>
            <div class="panel-body">
                <p>Nós da equipe <b>MegaAcerto</b> temos o imenso prazer em te-lo conosco, e principalmente confiar em nosso trabalho e ter escolhi a <b>MegaAcerto</b> para gerenciar seus jogos, queremos dizer que todos as suas informações contidas no site estão
                    seguros.
                </p>
                <p>Pedimos pra que acesse sua conta {{email}}, para validar o mesmo, porquê é com ele que comunicaremos você sobre possiveis ganhos.</p>
                <p>Aproveite nossa <b>SUPER-PROMOÇÃO</b> e começe a usar sua sorte conosco, clique <a href="/megaacerto">AQUI</a>.
            </div>
        </div>
        <div class="panel panel-primary" ng-show="processando">
            <div class="panel-heading">
                <h3 class="panel-title">Enviando</h3>
            </div>
            <div class="panel-body">
                <p><b>Aguarde um instante, estamos processando seu cadastro...</b>
                </p>
            </div>
        </div>
    </div>


    <!-- inicio footer -->


    <footer class="footer ng-scope clearfix">

        <div class="footer-top">
            <h3>Formas de pagamento</h3>
            <img src="img/pagamento.png">
        </div>


        <div class="footer-bottom">
            <div class="in-footer clearfix">
                <span class="pull-left">© 2014 | Mega Acerto</span>
                <ul class="pull-right social list-inline">
                    <li>
                        <a href="#">
                            <img src="img/face.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/twitter.png">
                        </a>
                    </li>
                </ul>
            </div>
        </div>


    </footer>

    <!-- fim footer -->


    <script src="js/main.min-3570b596.js"></script>

    <!-- fim scripts -->
</body>

</html>